<div class="flex min-h-full">
    <div class="flex flex-col items-center justify-center px-4 py-12 mx-auto mt-0 sm:px-6 lg:px-8">
        <div>
            <%= render "_background_grid.html" %>
            <h2 class="text-2xl font-bold tracking-tight text-gray-900 md:text-3xl xl:text-4xl">Welcome to Azimutt!</h2>
            <p class="mt-6 mb-4 text-lg leading-8 text-gray-600 sm:max-w-md lg:max-w-lg">
                Our mission is to make <b>databases much more accessible</b>.
            </p>
            <p class="mt-6 mb-4 text-lg leading-8 text-gray-600 sm:max-w-md lg:max-w-lg">
                It starts with the best <b>schema and data exploration</b> tool, coupled with contextual <b>documentation</b>.<br>
                It continues with <b>database analysis</b>, allowing you to keep a great design, good performance and keep an eye on your database health.
            </p>
            <p class="mt-6 text-lg leading-8 text-gray-600 sm:max-w-md lg:max-w-lg">
                Let's take a few seconds to meet and set up your environment.
            </p>
            <div class="mt-6 text-center">
                <%= link "Onboard now!", to: Routes.user_onboarding_path(@conn, :welcome_next), method: :post,
                    class: "inline-block rounded-md bg-gray-900 px-6 py-4 text-sm font-semibold text-white shadow-sm
                    hover:bg-gray-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2
                    focus-visible:outline-gray-600"
                %>
            </div>
        </div>
    </div>
</div>
